<script setup>
import { compentsKey } from '../pages/home/index'

defineProps({
  config: {
    type: Object,
    default: () => { }
  },
  title: {
    type: String,
    default: ''
  }
})


const tapRow = (e) => {
  if (e.ceil === '<span style=\"color:#ff8080;\">异常</span>') {
    let Q = {
      type: 'warning',
      message: '消防定位',
      data: {
        devicename: e.row[1],
        deviceID: e.row[0],
      }
    }

    ue4("QuestPosition", {
      "PositionName": JSON.stringify(Q)
    })
  }
}

</script>

<template>
  <div class="w-full h-full flex flex-col">


    <div class="w-full h-[28px] mb-[68px] relative mb-[24px]">
      <img class="w-full h-[28px]" src="../assets/one/one_left_1.gif" alt="">
      <div style="color: #80D4FF;"
        class="absolute left-0 right-0 top-0 bottom-0 flex justify-center items-center text-[14px]">
        {{ title }}
      </div>
    </div>

    <div class="flex-1">
      <dv-scroll-board @click="tapRow" class="flex-1" :config="config" style="width:100%;height: 100%;"
        :key="compentsKey" />

    </div>







  </div>
</template>

<style scoped></style>
